<template>
  <div>
    A组件
    <h1>A</h1>
    <www />
    <input
      type="text"
      v-model='A'
    >
  </div>
</template>
<script>
// @ is an alias to /src
/* 
  父亲：beforeCreate  created  beforeMount -> 儿子beforeCreate  created  beforeMount  mounted
  -> 父亲 mounted

  父亲 beforeDestory  -> 儿子beforeDestory  destoryed  -> 父亲destoryed

*/
export default {
  name: "A",
  data() {
    return {
      A: "AAAA",
    };
  },
  created() {
    console.log(this.$route);
    // if (this.$route.meta.permission > 5) {
    //   this.$router.replace("/404");
    // }
  },
  activated() {
    console.log("A组件被激活了", this);
  },
  deactivated() {
    console.log("A组件被休眠了");
  },
  beforeDestroy() {
    console.log("A要销毁");
  },
  components: {},
};
</script>
<style lang="less">
</style>